const { defineConfig } = require('@vue/cli-service')
const path = require('path');
function resolve(dir) {
  return path.join(__dirname, dir);
}
module.exports = defineConfig({
  // filenameHashing:false,
  productionSourceMap:false,
  transpileDependencies: true,
  // build:{},
  publicPath:'./',
  outputDir:'../prodist_',
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src'),
        '@assets': resolve('src/assets'),
        '@styles': resolve('src/assets/styles')
      }
    }
  },
  devServer: {
    // allowedHosts: 'all',
    port: 3000,
    // open: {
    //   target: 'https://localhost:8080'
    // },
    hot: true,
    https: true,
    compress: true,
    webSocketServer: 'ws',
    client: {
      progress: true,
      reconnect: true,
      webSocketTransport: 'ws',
      webSocketURL: {
        protocol: 'ws'
      },
      overlay: {
        errors: true,
        warnings: false
      }
    }
  },
  pages: {
    index: {
      // page 的入口
      entry: 'src/pages/index/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '调度中心',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    // 经费
    'project-funds': {
      // page 的入口
      entry: 'src/pages/project-funds/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'project-funds.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '计划管理',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'project-funds']
    },
    // 项目开支
    'project-expenses': {
      // page 的入口
      entry: 'src/pages/project-expenses/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'project-expenses.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '项目开支',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'project-expenses']
    }
  }
})
